<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新东方</title>
		<style type="text/css">
			#div{
				background-image: url(img/top_bg.gif);
				position: relative;
				margin: 0px auto;
				padding: 0px 0px;
				height: 50px;
				width: 700;
			}
		
			ul li{
				list-style-type: none;
				display: inline-block;
			}
			#a{
				display: inline-block;
				position: absolute;
				top: 5px;
				left: 100px;
			}
			#aa{
				position: absolute;
				top: 0px;
				left: 700px;
			}
			#aaa{
				border: 0px;
				background-image: url(img/top_bg.gif);
				position: absolute;
				bottom: 1px;
				font-weight: 900;
				
			}
			
			
			#b{
				position: absolute;
				right: 130px;
				top: 15px;
			}
			#bb{
				border: 1px solid black;
				width: 200px;
				height: 220px;
				position: absolute;
				top: 50px;
				right: 100px;
			}
		</style>
	</head>
	<body>
		<div id="div">
			<img src="img/logo.gif" id="a"/>
			<ul id="aa">
				<li>购物车</li>
				<li>|</li>
				<li>优惠券</li>
				<li>|</li>
				<li>快速注卡</li>
				<li>|</li>
				<li>各地购课</li>
				<li>|</li>
				<li>手机报</li>
				<li>|</li>
			</ul>
			<nav id="b">
				网站导航<img src="img/open_icon.gif"/>
			</nav>
			<div id="bb">
				<p>托福 雅思 考研 职称英语 初中 日语 </p>
				<hr />
				<p>网络课堂 资讯中心 知识堂 大师讲坛 学习论坛 学词 考研搜校</p>
				<hr/>
				<p>M-Zone 手机报 时时英语</p>
				</div>
			
		</div>
		










	</body>
</html>
